/* stylelint-disable */

// Default / Light Mode
@mixin light {
	--border-normal: #D3DAE4;
	--border-normal-alt: #A2B5CD;
	--border-subdued: #F0F4F9;

	--foreground-normal: #4F5464; // Less contrast for improved hierarchy
	--foreground-normal-alt: #172940; // More contrast for titles and labels
	--foreground-subdued: #A2B5CD;
	--foreground-inverted:#FFF;

	--background-normal: #F0F4F9;
	--background-normal-alt: #E4EAF1;
	--background-subdued: #F7FAFC;
	--background-highlight: #F7F9FD;
	--background-page: #FFFFFF;
	--background-input: #FFFFFF;
	--background-page-rgb: 255, 255, 255;
	--background-inverted: #263238;

	--card-face-color: #FAFCFD;
	--card-shadow-color: 23,41,64;
	--card-shadow: 0px 0px 6px 0px rgba(var(--card-shadow-color),0.2);
	--overlay-color: rgba(38, 50, 56, 0.9);

	--purple-alt: #F6F4FD;
	--purple-10: #F6F4FD;
	--purple-25: #E7E2F8;
	--purple-50: #CEC5F1;
	--purple-75: #B7AAEB;
	--purple: #9E8DE4;
	--purple-125: #8279BC;
	--purple-150: #666493;
	--purple-175: #4A506B;
	--purple-190: #394453;

	--blue-alt: #F0F8FE;
	--blue-10: #F0F8FE;
	--blue-25: #D9EBFC;
	--blue-50: #B3D7F9;
	--blue-75: #8EC4F7;
	--blue: #68B0F4;
	--blue-125: #5993C8;
	--blue-150: #4B769B;
	--blue-175: #3C596F;
	--blue-190: #344855;

	--green-alt: #E6FAF5;
	--green-10: #E6FAF5;
	--green-25: #BFF1E5;
	--green-50: #7FE3CA;
	--green-75: #40D6B1;
	--green: #00C897;
	--green-110: #05BA8F; // Text readability
	--green-125: #0BA582;
	--green-150: #17826D;
	--green-175: #225F58;
	--green-190: #294A4B;

	--orange-alt: #FFF5E9;
	--orange-10: #FFF5E9;
	--orange-25: #FDE5C6;
	--orange-50: #FACA8D;
	--orange-75: #F9B155;
	--orange: #F7971C;
	--orange-125: #C58026;
	--orange-150: #926A2F;
	--orange-175: #605339;
	--orange-190: #42453F;

	--red-alt: #FDEEF0;
	--red-10: #FDEEF0;
	--red-25: #F8D3D9;
	--red-50: #F0A7B3;
	--red-75: #EA7D8F;
	--red: #E35169;
	--red-125: #B64C5F;
	--red-150: #884756;
	--red-175: #5B414C;
	--red-190: #403E47;


	--primary-10: var(--green-10);
	--primary-25: var(--green-25);
	--primary-50: var(--green-50);
	--primary-75: var(--green-75);
	--primary: var(--green);
	--primary-alt: var(--green-10);
	--primary-110: var(--green-110);
	--primary-125: var(--green-125);
	--primary-150: var(--green-150);
	--primary-175: var(--green-175);
	--primary-190: var(--green-190);

	--success-10: var(--green-10);
	--success-25: var(--green-25);
	--success-50: var(--green-50);
	--success-75: var(--green-75);
	--success: var(--green);
	--success-alt: var(--green-10);
	--success-125: var(--green-125);
	--success-150: var(--green-150);
	--success-175: var(--green-175);
	--success-190: var(--green-190);

	--warning-10: var(--orange-10);
	--warning-25: var(--orange-25);
	--warning-50: var(--orange-50);
	--warning-75: var(--orange-75);
	--warning: var(--orange);
	--warning-alt: var(--orange-10);
	--warning-125: var(--orange-125);
	--warning-150: var(--orange-150);
	--warning-175: var(--orange-175);
	--warning-190: var(--orange-190);

	--danger-10: var(--red-10);
	--danger-25: var(--red-25);
	--danger-50: var(--red-50);
	--danger-75: var(--red-75);
	--danger: var(--red);
	--danger-alt: var(--red-10);
	--danger-125: var(--red-125);
	--danger-150: var(--red-150);
	--danger-175: var(--red-175);
	--danger-190: var(--red-190);

	.alt-colors {
		--background-subdued: var(--background-page);
	}
}

